<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>工具收藏</title>
    <link rel="stylesheet" href="../home.css">
    <link rel="stylesheet" href="工具收藏.css">
    <script src="../jquery-2.2.4.js"></script>
    <script src="../home.js"></script>
    <script src="gongjushouchang.js"></script>
</head>
<body>
<section class="masking"></section>
    <div class="in ring">
        <section class="move">
            <span>用户登录</span><b class="close">+</b>
        </section>
        <form action="/">
            <div>
                <label for="name">用户名:</label>
                <input type="text" id="name" placeholder="请输入用户名">
            </div>
            <div>
                <label for="pass">密&nbsp码:</label>
                <input type="password" id="pass" placeholder="请输入密码">
            </div>
            <div class="ing">
                <input type="submit" value="登录">
            </div>
        </form>

    </div>
    <div class="in attention"><b class="close imgclose">+</b><img src="../img/26.jpg" alt="未找到图片"></div>

<div id="container">
    <header id="head">
        <ul>
            <li class="title"><a href="#">注册</a></li>
            <li class="title goin">登录</li>
            <li><p class="title">关注<b>></b></p>
            <div>
                <p>关注微信</p>
                <p>关注微博</p>
                <p>联系QQ</p>
            </div>
            </li>
        </ul>
    </header>
     <nav>
         <a href="#"><img src="../img/签名.png" alt="图片未加载"><b>听雨阁</b></a>
         <ul>
             <li><a href="../主页/主页.html">首页</a></li>
             <li><a href="../慢生活/慢生活.html">慢生活</a></li>
             <li><a href="#" class="choose">工具收藏</a></li>
             <li><a href="../说说/说说.html">说说</a></li>
             <li><a href="../模板分享/模板分享.html">模板分享</a></li>
             <li><a href="../时光轴/时光轴.html">时光轴</a></li>
             <li><a href="../关于我/关于我.html" >关于我</a></li>
             <li id="clr"></li>
         </ul>
     </nav>
<!--</div> ================home完成=======================-->
<!--===========================正文================================-->
    <div id="zhuti">
        <article>
           <!--<section id="lunbo">-->
               <!--<p class="up"><</p>-->
               <!--<div class="items">-->
               <!--<a href="#"><img src="../img/26.jpg" alt=""></a>-->
               <!--<a href="#"><img src="../img/27.jpg" alt=""></a>-->
               <!--<a href="#"><img src="../img/28.jpg" alt=""></a>-->
               <!--</div>-->
               <!--<p class="text">越努力，越幸运！</p>-->
               <!--<p class="next">></p>-->
           <!--</section>-->
            <section class="biaoqian">
                <a href="../主页/主页.html">主页</a><a href="#">工具收藏</a><span>自己收集的一些好用的工具！</span>
            </section>
            <section class="wenzhang">
                <a href="#">
                <section><img src="../img/23.jpg" alt=""></section>
                <div>
                    <h3>arc-template模块的使用</h3>
                    <p>这个模块可以在标签内添加动态数据</p>
                </div>
                </a>
            </section>

        </article>
        <!--========================侧边栏==================-->
        <aside>
            <!--<div class="intro">-->
                <!--<div class="photo">-->
                    <!--<a href="#">-->
                    <!--<img src="../img/签名.png" alt="未找到图片">-->
                    <!--<p>尹智山</p>-->
                    <!--</a>-->
                <!--</div>-->
                <!--<p>站点名称：听雨阁</p>-->
                <!--<p>作者名称：尹智山</p>-->
                <!--<p>创作时间：2016.6.15</p>-->
                <!--<p>职业：web前端猴</p>-->
                <!--<p>年龄：23岁</p>-->
            <!--</div>-->
            <div class="article">
                <h3><b>很丑的分类框</b></h3>
                <p><a href="#">HTML5</a></p>
                <p><a href="#">CSS</a></p>
                <p><a href="#">javaScript</a></p>
                <p><a href="#">jQure</a></p>
                <p><a href="#">Node.js</a></p>
            </div>
            <!--<div class="com article">-->
                <!--<h3><b>友情链接</b></h3>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
                <!--<a href="#">鲁大牛</a>-->
            <!--</div>-->
        </aside>
        <!--<img src="../img/mfoot.gif" alt="weizhaodao">-->
    </div>
    <!--=======================站尾============================-->
    <footer>
        <p>本网站为个人制作，翻版你就翻吧，给我说一下就行！</p>
    </footer>
</div>
</body>
</html>